<template>
  <id-tooltip
    v-if="getShiftKeyHold"
    :model-value="getShiftKeyHold"
    :location="location"
    :target="targetId">
    <strong class="help-shortcut text-warning">
      <slot>Insert Shortcut Text Here</slot>
    </strong>
  </id-tooltip>
</template>

<script setup>
import { useStore } from 'vuex';
import { useGetters } from '@/vue3-helpers';
import IdTooltip from '@/utils/IdTooltip.vue';

const store = useStore();
const { getShiftKeyHold } = useGetters(store);

defineProps({
  targetId: { // id of element tooltip should attach to
    type: String,
    required: true
  },
  location: { // location of the tooltip
    type: String,
    default: 'bottom'
  }
});
</script>
